<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Gallery-Galleria</title>
    <SCRIPT src="ImageGallery/jQuerys/jquery-1.8.3.js "></SCRIPT>
    <SCRIPT src="ImageGallery/galleria-1.2.8/galleria/galleria-1.2.8.js"></SCRIPT>
</head>

<body>
    <DIV id="gallery">
        <IMG src="ImageGallery/contentFiles/movieimage1_bee.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage1_bee1.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage2_alvin.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage2_alvin1.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage3_amy.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage4_bolt.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage4_bolt1.jpg">
        <IMG src="ImageGallery/contentFiles/movieimage5_wolf.jpg">
    </DIV>
    <SCRIPT>
        Galleria.loadTheme('ImageGallery/galleria-1.2.8/galleria/themes/classic/galleria.classic.min.js');
        $("#gallery").galleria({
            width: 1000,
            height: 600
        });
    </SCRIPT>
</body>

</html>